@extends("admin.public.layout")

@section("content")

    <div class="container-xxl flex-grow-1 container-p-y">



        <div class="card">


           <div class="card-header">
               <div class="row">
                   <div class="col-md-10">
                       <h5 class="">{{$pageName}}</h5>
                   </div>
                   <div class="col-md-2">
                       <a class="btn btn-primary" href="{{route("adminMusicParagraphSentenceCreate", ["musicParagraphId" => $musicParagraphId])}}"><i class="ti ti-circle-plus me-1"></i>添加句子</a>
                   </div>
               </div>
           </div>
            <div class="card-body">
            <div class="table-responsive text-nowrap">
                <table class="table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>音乐句子名</th>
                        <th>音乐句子文件</th>
                        <th>音乐句子排序</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">


                    @foreach($models as $model)
                        <tr>
                            <td>{{$model->id}}</td>
                            <td>{{$model->music_paragraph_sentences_name}}</td>
                            <td>{{$model->music_paragraph_sentences_file}}</td>
                            <td>{{$model->music_paragraph_sentences_order}}</td>
                            <td>
                                <a class="btn btn-primary" href="{{route("adminMusicParagraphSentenceEdit", ['id' =>$model->id])}}"><i class="ti ti-pencil me-1"></i> 编辑</a>

                                <a class="btn btn-primary" href="{{route("adminMusicParagraphSentenceDelete",['id' =>$model->id])}}"><i class="ti ti-trash me-1"></i> 删除</a>

                                <a class="btn btn-primary" href="{{route("adminMusicParagraphSentenceConfigEdit",['id' =>$model->id])}}"><i class="ti ti-settings me-1"></i> 句子配置</a>


                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>

            </div>
        </div>
    </div>
    <!-- / Content -->

@endsection
